<template>
  <div>
    <h1>Home组件</h1>
    <!-- 注意: react和vue都一样啊,跳转到目标路径不要使用简写 -->
    <!-- <router-link to="/home/test1">test1</router-link>
    <router-link to="/home/test2">test2</router-link> -->
    <!-- 利用命名路由,可以省去写完整路由的繁琐 -->
    <router-link :to="{ name: 't1' }">test1</router-link>
    <router-link :to="{ name: 't2' }">test2</router-link>
    <hr />
    <!-- 这里的router-view是决定了Home组件中的嵌套路由渲染的位置 -->
    <router-view></router-view>
  </div>
</template>

<script>
console.log('Home组件加载了')
export default {}
</script>

<style></style>
